@import "../_function";
@import "../_mixin";
@import "../_variables";

.bargain-info-container {
	height: pr(1200);
	background: linear-gradient(to right top, #e7d9bf, #b7a47c);
	color: #fff;
	text-align: center;
	padding-top: pr(100);
	box-sizing: border-box;
	position: relative;
	&::after {
		content: '';
		display: block;
		height: 0;
		width: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: pr(-30);
		border-left: pr(30) solid transparent;
		border-right: pr(30) solid transparent;
		border-bottom: pr(45) solid #fff;
	}
	&-user {
		&-avatar {
			@include default-avatar;
			width: pr(170);
			height: pr(170);
			margin: 0 auto;
			border-radius: 50%;
			overflow: hidden;
			background: #f5f5f5;
			box-shadow: 0 0 20px 0px #888;
		}
		&-nick {
			margin-top: pr(30);
			font-size: pr(40);
		}
	}
	&-message {
		font-size: pr(35);
		margin-bottom: pr(35);
		margin-top: pr(10);
	}
	&-price {
		margin: pr(50) 0;
		font-size: pr(35);
		span {
			font-size: pr(50);
		}
	}
	&-actions {
		button {
			background: none;
			border: none;
			font-size: pr(40);
			border-radius: pr(15);
			box-sizing: border-box;
			&:nth-child(1) {
				padding: pr(35) pr(100);
				background: #b0a48c;
				color: #fff;
				border: 1px solid #b0a48c;
			}
			&:nth-child(2) {
				padding: pr(35) pr(25);
				border: 1px solid #b19e75;
				color: #b3a079;
			}
			& + button {
				margin-left: pr(25);
			}
		}
	}
	&-overtime {
		margin-top: pr(70);
		display: flex;
		align-items: center;
		justify-content: center;
		span {
			width: pr(65);
			height: pr(65);
			line-height: pr(65);
			background: #b3a078;
			border-radius: pr(10);
		}
		b {
			margin: 0 pr(13);
		}
	}
}
